@import "../../styles/base";

/*秒杀*/
.ga-product-spike{
  .banner{
    img{
      width:100%;
    }
  }

  .clock-box{
    @include wh(auto,116rpx);
    background: #fff;
    margin-top:20rpx;

    .box{
      background: #fff;
      width:350rpx;
      margin:0 auto;
      text-align: center;
      z-index:$zindexFixedTopbar;
      position: relative;
      .p1{
        margin-top:22rpx;
        font-size:28rpx;
        color:$primary;
      }
      .p2{
        margin-top:14rpx;
        .span{
          background: #000;
          padding:5rpx;
          color:#fff;
          margin:0 5rpx;
        }
      }
    }

    .line{
      @include wh(75%,58rpx);
      border-top:1px solid $grayLighter;
      margin:-29rpx auto;
    }
  }

  .ga-group-list{
    .img-box{
      @include wh(235rpx,175rpx);
      border:1rpx solid $grayLighter;
      @include border-radius(8rpx);
      @include box-shadow(4rpx 6rpx 15rpx $grayLighter);
    }

    .btn{
      position: absolute;
      right:0;
      bottom:0;
      z-index:$zindexDropdown;
    }

    .item{
      margin-top:20rpx;

      .p1{
        margin-top:5rpx;
        color:$gray;
        @extend %ellipsis-basic;
      }
      .p2{
        margin-top:5rpx;
        color:$primary;
      }
      .p3{
        margin-top:28rpx;
        font-size:26rpx;
        color:$primary;
        span{
          font-size:18rpx;
          color:$grayLight;
          text-decoration: line-through;
        }
      }
    }
  }
}
